/* CSS Document */
html,body,p,h1,h2,h3,h4,h5,h6,h7,ul,li,ol,dl,dd,dt,form,section,input{ margin:0; padding:0;}
html,body{ width:100%; height:100%;}
section{position:relative;}
img{ display:block;}
ul,li,ol,li{ list-style:none;}
.right{ float:right;}
table{ margin:0; padding:0; border-spacing:0; border:none;}





.bg{ width:100%; font-family:"Microsoft YaHei";}

.banner img{ width:100%;}
.index{ background:rgb(242,242,242)}
.index .pubsear{ background-color:rgb(242,242,242); overflow:hidden; zoom:0; line-height:30px; padding:10px 0;}
.index .pubsear select{ float:left; margin:0 10px; background-color:#fff; vertical-align:middle; line-height:30px; height:30px;}
.index .classbox{ height:80px; overflow:auto; margin-top:10px; background-color:#fff; text-align:center; padding:5px 10px 10px;}
.index .classbox ul{ height:80px; font-size:0;}
.index .classbox ul li{ display:inline-block; font-size:12px; line-height:20px; margin:0 10px;}
.index .classbox ul li img{ width:60px; height:60px; border-radius:5px; display:block;}
.index h2{ font-size:16px; font-weight:300; color:rgb(248,73,121); line-height:30px; padding:5px 20px; background-color:#fff; margin-top:20px;}
.index h2 img{ float:right; height:23px; margin-top:3px;}
.index .product{ font-size:0px; margin:0 10px;}
.index .product li{ display:inline-block; text-align:center; font-size:13px; padding:10px;}
.index .product li img{ display:block; width:80px; height:80px; border-radius:5px;}

/*公共的*/
.pubtitle{ padding-top:20px; line-height:30px; color:#fff; background-color:#343237; font-size:14px;}
.pubtitle span{ font-size:16px; display:inline-block; margin:0 20px;}
.pubtitle span img{ width:12px;}
.pubsear form{ display:block; margin-right:10px; font-size:0px; border-radius:5px; overflow:hidden; background-color:#fff; line-height:23px;}
.pubsear .inpsear{ font-size:12px; border:none; width:88%; padding:0 2%; display:inline-block; vertical-align:middle; line-height:30px; font-size:16px; color:#000;}
.pubsear .btnsear{ display:inline-block; vertical-align:middle; width:6%; padding-left:2%;} 

.pubtip{ border-bottom:1px solid #c7d3e9; width:100%; font-size:12px;}
.pubtip tr{ padding:0 10px; text-align:center;}
.pubtip tr img{ display:inline-block; vertical-align:middle;}
.pubtip tr td{ width:30px; padding:10px;}

.pubtip tr td:nth-of-type(1){ text-align:left;}
.pubtip tr td:nth-of-type(1) img{ height:23px;}
.pubtip tr td:nth-of-type(2){ width:auto;}
.pubtip tr td:nth-of-type(3){ text-align:right;}
.pubtip tr td:nth-of-type(3) img{ height:30px;}



.screenh{ overflow:auto;}




/*商品详情*/
.detailsturn{ margin:10px 20px 0; position:relative; overflow:hidden;}
.detailsturn li{ width:100%; position:absolute; top:0; bottom:0; display:none; left:100%;transition:left 2s; -webkit-transition:left 2s; }
.detailsturn li img{ width:100%; height:100%; display:block;}
.detailsturn li.up{ left:-100%; display:block}
.detailsturn li.on{ left:0; display:block}
.detailsturn li.next{ left:100%; display:block}
.detailsturn .num{ font-size:12px; background-color:#cccccc; color:#fff; width:40px; line-height:18px; text-align:center; position:absolute; bottom:8px; right:8px; border-radius:18px;}
.detailsturn .num span{ font-size:13px;}
.detailstable{ background-color:#e6eae9; }
.detailstable .table{ margin:10px 10px 0; background-color:#fff; border:1px solid #ccc; border-bottom:none; font-size:12px; line-height:30px; color:#666666;}
.detailstable .table li{ padding:0 10px; border-bottom:1px solid #ccc;}
.detailstable .table p{ line-height:14px; padding:5px 0;}
.detailstable .table table{ width:100%; text-align:center;}
.detailstable .table table td{ border-bottom:1px solid #ccc;}
.detailstable .table .head{ background-color:#dcedff;}
.detailstable .table .name{ color:#000; display:inline-block; vertical-align:middle; padding-right:20px}
.detailstable .table .dt{ float:left; width:38px; text-align:right; padding-left:10px; border-bottom:1px solid #ccc;}
.detailstable .table .dd{ margin-left:48px; border-bottom:1px solid #ccc;}
.detailstable .table .price{ font-size:14px; color:#3399fe;}
.detailstable .table .type{ width:45px; line-height:16px; border:1px solid #ccc; display:inline-block; margin-right:10px; text-align:center; border-radius:3px;}
.detailstable .table .type.on{ color:#fff; background-color:#3399fe; border-color:#3399fe;}
.detailstable .table .num{ display:inline-block; text-align:center; vertical-align:top; margin-top:4px; height:20px; line-height:20px; font-size:0; background-color:#fcfcfc; border:1px solid #ccc; border-radius:4px;}
.detailstable .table .num span{ display:inline-block; vertical-align:middle; font-size:20px; margin-top:-2px; width:20px; line-height:12px;}
.detailstable .table .num input{ display:inline-block; vertical-align:middle; text-align:center; height:20px; width:20px; border:1px solid #ccc; border-top:none; border-bottom:none; line-height:20px; font-size:12px;}
.detailstable .index{ background-color:#fff; margin:10px 10px 0; border:1px solid #ccc;}
.detailstable .index .head{ background-color:#dcedff; font-size:12px; line-height:30px; padding:0 10px; margin:0 -10px;}

.detailstable h2{ margin:10px 10px 0; font-size:14px; font-weight:300; color:#000; line-height:30px; padding:0 10px; background-color:#fff;}
.detailstable h2 img{ float:right; height:23px; margin-top:3px;}





.content{ background-color:#f3f5f7;position:relative;}
.content dt{ float:left; width:90px; text-align:center; font-size:13px; height:100%; overflow:auto; background-color:#fff;}
.content dt ul{ background-color:#fff; line-height:49px; border-bottom:1px solid #e5e5e5;}
.content dt li{ border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.content dt li.on{ color:#ff0000; background-color:#f3f5f7; border-color:#f3f5f7;}
.content dd{ position:absolute; left:100px; right:10px; font-size:0px; display:none; height:100%; overflow:auto;}
.content dd.on{ display:block;}
.content dd h2{ font-size:13px; line-height:30px; padding-top:20px;}
.content dd ul{ background-color:#fff;}
.content dd li{ width:60px; font-size:12px; display:inline-block; vertical-align:top; color:#666666; padding:10px 5px 0; text-align:center; line-height:16px; height:92px;}
.content dd li img{ width:100%;}




/*list*/
.listsear{ border-spacing:0; width:100%; padding:6px; background-color:#dfeffe;}
.listsear td{ padding:0 5px}
.listsear tr td:nth-of-type(1){ width:32px; height:32px; border-radius:50%; overflow:hidden;}
.listsear tr td:nth-of-type(1) img{ width:26px; height:26px;}
.listsear tr td:nth-of-type(2) form{ width:100%; font-size:0px; border-radius:5px; overflow:hidden; background-color:#3399fe; border:1px solid #3399fe; line-height:23px;}
.listsear tr td:nth-of-type(2) .inpsear{ font-size:12px; border:none; width:86%; padding:0 2%; display:inline-block; vertical-align:middle; line-height:30px; font-size:16px; color:#000;}
.listsear tr td:nth-of-type(2) .btnsear{ display:inline-block; vertical-align:middle; width:8%; max-height:28px; padding-right:1%; padding-left:1%; margin-top:4px;} 

.listsear tr td:nth-of-type(3){ width:24px; padding-right:0; padding-left:15px; position:relative;}
.listsear tr td:nth-of-type(3) img{ width:24px;}
.listsear tr td:nth-of-type(3) span{ position:absolute; display:block; width:12px; height:12px; border-radius:50%; background-color:#3399fe; color:#fff; line-height:12px; font-size:12px; text-align:center; right:-2px; top:3px;}
.listsear tr td:nth-of-type(4){ width:20px;}
.listsear tr td:nth-of-type(4) img{ width:20px;}

.listdl dt{ float:left; width:54px; text-align:center; font-size:13px; height:100%; overflow:auto; background-color:#3399fe;}
.listdl dt ul{ background-color:#fff; line-height:30px; border:none; padding-right:0px; padding-top:20px; background-color:#3399fe; padding-left:4px;}
.listdl dt li{ border-right:4px solid #3399fe; border-bottom-left-radius:5px; border-top-left-radius:5px; background-color:#3399fe; color:#fff;}
.listdl dt li.on{  background-color:#fff; color:#000; border-right-color:#fff;}
.listdl dd{ position:absolute; left:60px; right:10px; font-size:0px; display:none; height:100%; overflow:auto;}
.listdl dd.on{ display:block;}
.listdl dd ul{ background-color:#fff;}
.listdl dd li{ font-size:0px; border-bottom:1px solid #eeeeee; padding:8px 0px; position:relative;}
.listdl dd li img{ width:68px; height:68px; border:1px solid #eeeeee; display:inline-block; vertical-align:middle; margin-right:8px;}
.listdl dd li .txt{ display:inline-block; vertical-align:top; font-size:12px; line-height:15px;}
.listdl dd li .txt h2{ font-size:12px;}
.listdl dd li .txt p{ color:#8e8e8e; height:15px; overflow:hidden;}
.listdl dd li .txt span{ color:#ff0000; font-size:12px;}
.listdl dd li .bottom{ position:absolute; bottom:8px; left:78px; right:0; font-size:0px; line-height:20px;}
.listdl dd li .bottom span{ width:15px; display:inline-block; vertical-align:middle; cursor:pointer; height:15px; font-size:12px; text-align:center; line-height:14px; border:1px solid #95989a; color:#95989a;}
.listdl dd li .bottom span:nth-of-type(2){ margin-left:-1px;}
.listdl dd li .bottom span.on{ color:#3399fe; border-color:#3399fe; background-color:#dfeffe; position:relative; z-index:1;}
.listdl dd li .bottom .tip{ float:right; overflow:hidden; zoom:0;}
.listdl dd li .bottom .tip .add{ width:13px; height:13px; margin:0 2px; font-size:14px; line-height:11px;  border:1px solid #3399fe; color:#3399fe;}

/*详情页面*/
.productdetails{ margin:0 10px; width:auto;}
.productdetails .chtitul{ font-size:0px; padding:10px 0; width:100%; text-align:center; border-bottom:2px solid #ccc;}
.productdetails .chtitul tr{ width:100%;}
.productdetails .chtitul td{ font-size:12px; position:relative; width:25%; border-left:1px solid #ccc;}
.productdetails .chtitul td:nth-of-type(1){ border:none;}
.productdetails .chtitul td.on{ color:#3799fe;}
.productdetails .chtitul td.on:after{ position:absolute; content:""; left:0; right:0; bottom:-12px; height:2px; background-color:#3799fe;}
.productdetails .chconul img{ width:100%; display:block;}
.productdetails .chconul .chconli{ display:none;}
.productdetails .chconul .chconli.on{ display:block;}



.calsslist .sear{ border-spacing:0; width:100%; padding:6px; background-color:#2480ff;}
.calsslist .sear td{ padding:0 5px}
.calsslist .sear tr td:nth-of-type(1){ width:32px; height:32px; border-radius:50%; overflow:hidden;}
.calsslist .sear tr td:nth-of-type(1) img{ width:26px; height:26px;}
.calsslist .sear tr td:nth-of-type(2) form{ width:100%; font-size:0px; border-radius:5px; overflow:hidden; background-color:#fff; line-height:23px;}
.calsslist .sear tr td:nth-of-type(2) .inpsear{ font-size:12px; border:none; width:88%; padding:0 2%; display:inline-block; vertical-align:middle; line-height:30px; font-size:16px; color:#000;}
.calsslist .sear tr td:nth-of-type(2) .btnsear{ display:inline-block; vertical-align:middle; width:6%; padding-right:2%;} 

.calsslist .sear tr td:nth-of-type(3){ width:16px;}
.calsslist .sear tr td:nth-of-type(3) img{ width:16px;}




.calsslist dt{ float:left; width:54px; text-align:center; font-size:13px; height:100%; overflow:auto;}
.calsslist dt ul{ background-color:#fff; line-height:30px;}
.calsslist dt li{ border-left:4px solid #fff; border-right:4px solid #fff; background-color:#f4f7f9;}
.calsslist dt li.on{ border-left-color:#ff0000; background-color:#e2eaee; border-right-color:#e2eaee;}
.calsslist dd{ position:absolute; left:60px; right:10px; font-size:0px; display:none; height:100%; overflow:auto;}
.calsslist dd.on{ display:block;}
.calsslist dd ul{ background-color:#fff;}
.calsslist dd li{ font-size:0px; border-bottom:1px solid #eeeeee; padding:8px 0px; position:relative;}
.calsslist dd li img{ width:64px; height:64px; display:inline-block; vertical-align:middle; margin-right:8px;}
.calsslist dd li .txt{ display:inline-block; vertical-align:top; font-size:13px; line-height:13px;}
.calsslist dd li .txt h2{ font-size:13px;}
.calsslist dd li .txt span{ color:#8e8e8e; font-size:9px;}
.calsslist dd li .bottom{ position:absolute; bottom:1px; left:68px; right:0; font-size:0px; line-height:20px;}
.calsslist dd li .bottom span{ color:#bbbbbb; display:inline-block;}
.calsslist dd li .bottom .price{ color:#ff0000; margin-right:8px;}
.calsslist dd li .bottom .price span{ color:#ff0000; font-size:16px; padding-left:3px;}

.calsslist dd li .bottom .tip{ float:right; overflow:hidden; zoom:0;}
.calsslist dd li .bottom .tip span{ width:15px; vertical-align:middle; cursor:pointer; height:15px; font-size:12px; border-radius:4px; margin:0 1px; text-align:center; line-height:14px; border:1px solid #3399fe; color:#3399fe;}
.calsslist dd li .bottom .tip .piece{ color:#95989a; border-color:#95989a;}
.calsslist dd li .bottom .tip .add{ width:13px; height:13px; margin:0 2px; font-size:14px; line-height:11px; border-radius:50%;}
.shopcart{ border-spacing:0; width:100%;}
.shopcart tr{ width:100%; height:50px; background-color:#deeffe; text-align:center; font-size:14px;}
.shopcart tr td:nth-of-type(1){ text-align:left; padding-left:14px; color:#a9afb5; font-size:12px;}
.shopcart tr td:nth-of-type(2){ width:90px; margin-right:1px; background-color:#3399ff; color:#fff; }
.shopcart tr td:nth-of-type(3){ width:32px; background-color:rgba(44,122,240,0.8);}
.shopcart tr td:nth-of-type(3) img{ width:15px; display:inline-block;}
.calsslist dd li .bottom .tip .add{ width:13px; height:13px; margin:0 2px; font-size:14px; line-height:11px; border-radius:50%;}

.shopcart2{ border-spacing:0; width:100%;}
.shopcart2 tr{ width:100%; height:50px; background-color:#deeffe; text-align:center; font-size:14px;}
.shopcart2 tr td  img{ width:15px; display:inline-block;}
.shopcart2 tr td:nth-of-type(1){ width:20%;}
.shopcart2 tr td:nth-of-type(2){ width:20%; border-left:1px solid #ccc; position:relative;}
.shopcart2 tr td:nth-of-type(2) span{ position:absolute; display:block; width:12px; height:12px; border-radius:50%; background-color:#3399fe; color:#fff; line-height:13px; font-size:10px; text-align:center; left:50%; top:50%; margin-top:-12px; margin-left:1px;}
.shopcart2 tr td:nth-of-type(3){ width:30%; background-color:#3399ff; color:#fff; }
.shopcart2 tr td:nth-of-type(4){ width:30%; background-color:rgba(44,122,240,0.8); border-left:1px solid #fff; color:#fff}


footer{ position:fixed; bottom:0; left:0; right:0; font-size:0; text-align:center; background-color:#fff;}
footer .img{ width:25%; display:inline-block; font-size:12px; line-height:20px; padding:10px 0 8px;}
footer .img img{ margin:0 auto; display:block; width:30px;}
footer .img .imgon{ display:none;}
footer .img.on{ color:#e56b68;}
footer .img.on img{ display:none;}
footer .img.on .imgon{ display:block;}



